.background{
	background-color: #f8f8f8;
}
 .total-price {
   flex-grow: 1; /* 使价格区域占据剩余空间 */
   text-align: right; /* 使价格文本靠右对齐 */
   margin-right: 10px; /* 与结算按钮的间距 */
   
 }
.total-price-color{
	color: #ffb12b;
	
}
 .product-info, .order-actions, .service-info{
  width: 100%; /* 宽度铺满屏幕 */
  padding: 4vw; /* 保持内容与屏幕边缘的间距 */
  box-sizing: border-box; /* 边框计算在宽度内*/
}

.order-status, .time-left {
  margin: 2vw 0;
  padding:4vw;
}

.name-phone{
  display: inline-block; /* 使它们在同一行显示 */
  margin-left: 2vw; /* 两者之间保持一定间距 */
  color: #9e9e9e;
  font-size: 0.9rem;
}
	

.address{
	display: block; /* 使它们在同一行显示 */
	color:#ffd427;
	margin-right: 5px; /* 两者之间保持一定间距 */
	font-size: 1.2rem;
}
.address-info{
	margin-bottom: 5vh;
	max-width: 90%;
	margin: 0 auto;
	padding: 3vw 6vw 6vw 6vw;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow:  0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-item {
  display: flex;
  align-items: start;
}

.product-image {
  width: 100px; /* Adjust as needed */
  height: 100px; /* Adjust as needed */
  margin-right: 20px;
}

.product-details {
  flex: 1;
}

.product-name, .product-price, .product-quantity {
  margin: 5px 0;
}

.info-list,.store-list,.service-list {
  padding: 0 2vw 0 2vw;
}
.store-status {
  margin-left: auto; /* 推到右侧 */
  font-size: 90%;
  color: #ffd427;
  /* 添加固定的右边距 */
  margin-right: 1vw; /* 根据需要调整这个值 */
}
.store,.service {
  background-color: #ffffff;
  margin-bottom: 5vh;
  max-width: 90%;
  margin: 2vh auto;
  padding: 3vw 6vw 6vw 6vw;
  border: 1px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.store-header {
  display: flex;
  align-items: center;
  padding: 1vw;
}

.store-logo {
  width: 9vw; /* 根据需要调整logo大小 */
  height: 9vw; /* 根据需要调整logo大小 */
  margin-right: 3vw; /* 与商店名称的间距 */
}


.store-name {
  font-size: 100%;
  white-space: nowrap; /* 防止名称换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  padding-right: 1vw; /* 与状态文本和图标保持一定间距 */ 
}

.item-row {
  display: flex;
  align-items: center;
  padding-top: 7%;
}

.item-info {
  display: flex;
  align-items: center;
}

.item-image {
  width: 23vw;
  height: 23vw;
  object-fit: cover;
  margin-right: 5vw;
  border-radius: 5px;
}

.item-details {
  display: flex;
  flex-direction: column; /* 根据需要调整为垂直布局 */
  justify-content: center;
  margin-right: 10px;
}
.item-pricing-quantity {
	/* position: absolute; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.goods_name{
	display: block;
	width: 46vw;
	text-overflow: ellipsis; /* 文本溢出时显示省略号 */
	white-space: nowrap; /* 强制不换行 */
	overflow: hidden;
}

.item-name{
	margin-bottom: 2vw;
}

.item-price {
  text-align: left;
  font-size: 80%;
}

.item-quantity {

  color: #666;
  text-align: right;
    font-size: 80%;
}
.store-footer {
  padding: 10px; /* 根据需要调整内边距 */
  justify-content: space-between;
  display: flex;
}

.actual-payment {
  font-size: 90%; /* 根据需要调整字体大小 */
  color: #ffd427;; /* 根据需要调整字体颜色 */
  margin-left: auto; /* 确保文本靠右 */
  font-weight: bold; /* 加粗 */
  display:inline-block;
  
}
.store-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 2vw; /* 与商品列表保持一定间距 */
}


.add-to-cart-btn{
	min-width: 4.8rem; /* 使用相对单位，如rem */
	height: 2.5rem; /* 使用相对单位，如rem */
	padding: 0; /* 移除内边距 */
	margin: 0 0.5vw; /* 减小按钮间的外边距 */
	border: 1px solid #e7e7e7;; /* 添加黑色描边 */
	border-radius: 30px; /* 胶囊形状的椭圆角 */
	background-color: #ffffff; /* 与商店模块背景色一致 */
	color: #333; /* 字体颜色，根据需要调整 */
	cursor: pointer;
	font-size: 0.6rem;
	display: flex; /* 使用Flexbox布局 */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
}
.reorder-btn 
{
	min-width: 4.8rem; /* 使用相对单位，如rem */
	height: 2.5rem; /* 使用相对单位，如rem */
	padding: 0; /* 移除内边距 */
	margin: 0 0.4vw; /* 减小按钮间的外边距 */
	border: 1px solid #ffd427;; /* 添加黑色描边 */
	border-radius: 30px; /* 胶囊形状的椭圆角 */
	background-color: #ffffff; /* 与商店模块背景色一致 */
	color: #ffd427; /* 字体颜色，根据需要调整 */
	cursor: pointer;
	font-size: 0.6rem;
	display: flex; /* 使用Flexbox布局 */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	}

.problem,.item-service{
	font-weight: bold; /* 加粗 */;
	display: flex;
}
.service-info{
	  display: flex;
	  align-items: center; /* 图标和文本垂直居中对齐 */
	  justify-content: space-between;
	  padding:3vw 5vw 0 5vw;
}
.servant,.complaint{
	display: inline;
}
.exchange{
	display: flex;
	padding-bottom: 5vw;
}
.exchange-info{
	align-items: center; /* 图标和文本垂直居中对齐 */
	padding:3vw 5vw 0 5vw;
}
.right-arrow-icon{
	margin-right: 1vw;
}

/*底部*/
	.footer {
		background: #fff;
		display: flex;
	    justify-content: space-between;
	    align-items: center;
		z-index:99;
		bottom: 0rpx;
	    position: fixed;
	}
	.footer-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
		margin-right: 21rpx;
		margin-left: 12rpx;
	}
	.image-container {
	    margin-bottom: 5px;
	}
	.icon {
	    width: 24px;
	    height: 24px;
	}
    .text {
	    font-size: 14px;
	    color: #333;
	}
	 .action {
	    font-size: 16px;
		
	    padding: 10px 15px;
	    border-radius: 5px;
	}
.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5); /* 灰色背景 */
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	/* 底部弹出的矩形弹窗 */
	.modal-bottom {
		width: 100%;
		background-color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 20px;
		animation: slide-up 0.3s ease-out;
	}

	/* 弹窗的动画，从底部滑入 */
	@keyframes slide-up {
		from {
			transform: translateY(100%);
		}
		to {
			transform: translateY(0);
		}
	}

	/* 弹窗的头部 */
	.modal-header {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	/* 弹窗的主体 */
	.modal-body {
		margin-bottom: 20px;
	}

	/* 弹窗的底部按钮 */
	.modal-footer {
		display: flex;
		justify-content: space-between;
	}

	/* 购买数量和地址选择的样式 */
	.quantity, .address {
		margin-bottom: 10px;
	}